<template>
  <div ref="myChart" :style="{height,width}"  >
         
  </div>
</template>

<script>
export default {
  name: 'VChart',
  props: { 
      height:{
          type:String,
          
      },
      width:{
          type:String,
          default:'100%',
      },
      options:Object
  },
  data () {
    return {

    }
  },
  created () { // 实例被创建钩子

    },
  computed: { // 计算属性

    },
  components: { // 组件引用

    },
  methods: { // 方法
        drawChart(){
         let myChart = this.echarts.init(this.$refs.myChart);
          myChart.setOption(this.options)
        }
    },
  mounted () { // Dom挂载钩子
        this.drawChart()
    },
  watch: { // 监测变化

    }
}
</script>
<style scoped>
 .VChart{

 }
</style>